<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<mine city='fujian-yongan'></mine>
		</div>
		<script type="text/javascript">
			Vue.component('mine',{
				template:'<li>I am from {{city}}</li>',
				props:['city']//props参数是用来接收从父组件传到子组件的数据，
							 //props可以是数组，也可以是对象。可以在对象中详细的定义很多props的限制条件。
						//		    city : {
						//          type : String,//定义字符串类型
						//          required : true,//该字段是必须的
						//          default : 'China'//设置默认值
						//      }
			})
			var vm = new Vue({
				el:'#app'
			});
		</script>
	</body>
</html>
